<template>
        <el-row :gutter="20" class="el-main-row">
            <el-col :span="2"><div class="grid-content"></div></el-col>
            <el-col :span="5">
                <div class="grid-content">
                    <router-view name="lnav"></router-view>
                </div>
            </el-col>
            <el-col :span="14">
                <div class="grid-content">
                    <router-view></router-view>
                </div>
            </el-col>
            <el-col :span="2" class="col2-rnav">
                <div class="grid-content bg-purple" style="display:none">
                    <router-view name="rnav"></router-view>
                </div>
            </el-col>
            
            <el-col :span="1"><div class="grid-content"></div></el-col>
        </el-row>
</template>

<style>
    .el-main-row{
       /* transform: scale(1);*/
    }
    .el-col-5 {
        min-width:220px
    }.el-col-14 {
        min-width:500px
    }
    .col2-rnav{
        width:75px;
        position: fixed;
        right:8%;
    }
  
</style>
